<script type="text/javascript">
var slideDown = false;
function toggleWarningSlide()
{
	var arrow;
	if(slideDown)
	{
		$('#warning_updates').slideUp();
		arrow = 'top';
	}
	else
	{
		$('#warning_updates').slideDown();		
		arrow = 'bottom';
	}	
	
	slideDown = !slideDown;	
	$('#warningArrow').css('background-position', arrow);		
}
</script>
<div class="warning" style="position:relative;background-color:red; color:white;font-size:.9em; padding:5px;">
	<div id="warning_updates" style="display:none">{$settings.content_warning}
	</div>
	<div onclick="toggleWarningSlide();"  style="cursor:pointer" align="center">
		<div id="warningArrow" style="width:18px;height:16px;background:url('/images/warning_arrows.png') no-repeat top">&nbsp;</div>
	</div>
</div>